<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>{{ hsf }} </p>
  </div>
</template>

<script>
  import { mapState } from 'Vuex'
  export default {
    name: 'hello',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App!!!'
      }
    },
    computed:{
      ...mapState(['hsf'])
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
